<template>
  <div>
    <van-nav-bar
      title="企业年会"
      left-text=""
      right-text="···"
      left-arrow
      @click-left="fun()"
    />
    <van-cell value="企业年金及福利计划" is-link @click="funa()">
      <template #title>
        <van-icon name="comment-o" color="#26a18f" size="large" />
        <span class="custom-title">信息查询</span>
      </template>
    </van-cell>
    <van-cell value="" is-link @click="funa()">
      <template #title>
        <van-icon name="balance-list-o" color="#e97134" size="large" />
        <span class="custom-title">投资转换</span>
      </template>
    </van-cell>
    <van-cell value="" is-link @click="funa()">
      <template #title>
        <van-icon name="setting-o" color="#1c77d0" size="large" />
        <span class="custom-title">投资方案设置</span>
      </template>
    </van-cell>
    <van-cell value="" is-link @click="funa()">
      <template #title>
        <van-icon name="gold-coin-o" color="#cb7e46" size="large" />
        <span class="custom-title">个人缴费</span>
      </template>
    </van-cell>
    <van-cell value="" is-link @click="funa()">
      <template #title>
        <van-icon name="passed" color="#249f8a" size="large" />
        <span class="custom-title">支付申请</span>
      </template>
    </van-cell>
    <van-cell value="" is-link @click="funa()">
      <template #title>
        <van-icon name="bill-o" color="#eb6c34" size="large" />
        <span class="custom-title">账户转出</span>
      </template>
    </van-cell>
    <van-cell value="" is-link @click="funa()">
      <template #title>
        <van-icon name="send-gift-o" color="#2675c4" size="large" />
        <span class="custom-title">申请进度查询</span>
      </template>
    </van-cell>
  </div>
</template>

<script>
import { Dialog } from "vant";
export default {
  data() {
    return {
      show: false,
    };
  },
  methods: {
    onClickLeft() {
      Toast("返回");
    },
    onClickRight() {
      Toast("按钮");
    },
    fun() {
      this.$router.push("/life");
    },
    showPopup() {
      this.show = true;
    },
    funa() {
      Dialog.confirm();
      Dialog.confirm({
        title: "请选择是否添加",
        message: "添加银行卡可以享受更多金融服务",
      })
        .then(() => {
          console.log(aaa);
          // on confirm
        })
        .catch(() => {
          // on cancel
        });
    },
  },
  // components: {
  //   [Dialog.Component.name]: Dialog.Component,
  // },
};
</script>

<style lang="less">
.van-nav-bar {
  background-color: #1369b4;
  color: #fff;
}
.van-nav-bar__title {
  color: #fff;
}
.van-nav-bar .van-icon {
  color: #fff;
}
.custom-title {
  margin-left: 0.1333rem;
}
.right-text {
  // font-size: 0.4333rem;
  color: #fff;
}
.van-nav-bar__text {
  color: #fff;
}
</style>